前文中介绍了go.Node(节点)、go.Link(连线)。还有节点和连线内部的go.TextBlock(文本)、go.Shape(几何图形)、go.Panel(面板)等等。这些都是通过HTML的新增标签canvas上进行绘制的。在构建go.Diagram(图表)的时候会创建一个canvas在提供的容器div中,创建的canvas会继承容器div的宽高,因此在创建容器的时候通常会设置一个具体的宽高。而go.Diagram又通过model来关联节点和连线的对象信息。通过go.Diagram的‘桥梁’，这形成了图形和数据的关联。

initialContentAlignment设置图表在整个画布中的位置，是整个图表的大小小于画布的时候生效。如果图标大小大于画布大小，则填充显示。

gojs中元素会有很多的交互功能，isReadOnly属性设置这些交互属性是否生效。如果设置只读，则无法选中等操作。

allowMove属性设置图标初始化完成之后是否可以对图表进行移动。allowDragOut是设置图表内部的元素比如节点是否可以拖拽，调色板就是需要设置此属性。可以拖拽到其他的画布当中。 allowDelete设置节点是否可以删除，包括通过方法和键盘的delete按键。allowCopy设置是否可以复制节点，一般是通过键盘的ctrl+c进行复制。allowClipboard和allowCopy一块使用，粘贴出复制的节点元素。allowHorizontalScroll设置图表横向超出画布的时候是否出现横向滚动条。allowInsert设置是否可以向图表内添加元素。allowResize是设置节点是否可以拖拽改变大小，在节点边缘会出现缩放箭头。allowRotate是设置节点旋转。

设置图表的初始化时候的放大比例，默认为1。后面我们可以方法冬天改变其大小以完成放大缩小按钮的功能。minScale和maxScale则是对其变化范围做一个限制。

lastInput属性获取鼠标指针上一次的位置,通常在事件的方法中，通过e.diagram.lastInput.viewPoint来获取上次鼠标点击的位置。以保证我们需要展示的其他信息的一个相对位置进行展示。

nodeTemplate是节点的设置模板，linkTemplate是连线的设置模板。

toolManager.hoverDelay属性是设置当鼠标移入目标节点、文字、图片等元素的时候出现提示信息的时间延迟。toolManager.toolTipDuration属性是设置提示框出现的时间长短。时间都为ms。

undoManager.isEnabled属性和allowDelete属性类似，都是为了允许通过常用的键盘快捷键对节点的一个操作。其设置的是是否可以通过Ctrl+Z进行撤回上一步操作和Ctrl+Y进行复原刚才的操作。

对于树形布局来说,是存在父子后代关系的.因此对于树形布局来说，是有一些特有属性的。因此对于树形布局的特有属性进行一个介绍

alignment属性是设置父节点和子节点的对齐方式，这种一般来说不需要设置。默认的对齐方式是最常见也是最合适的,但是还是可能有一些特殊的需求。angle属性则是切换属性布局的朝向，最常见的是朝右侧布局。但是有些需求需要变换布局的朝向，或者是通过改变布局的朝向下，做成流程图的显示图形。

parent属性根据树形结构的特殊性，可以根据parent属性来确定节点之间的相互关系，因此属性布局在没有link数据的时候，通过parent属性也是可以正常渲染图形的。level属性则是设置节点的层级，默认根节点是0级，我们前文的数据示例中的key值设置为1-1、1-1-1也是基于层级的体现进行设置。

nodeSpacing属性是设置节点的子节点之间的距离，换句话说也就是设置level相同的节点之间的距离。layerSpacing属性是设置子节点和父节点之间的距离，也就是相邻level层级之间的距离。rowSpacing属性是设置节点的子节点之间的距离，换句话说也就是设置level相同，并且同一个父级节点的节点之间的距离，

以上的属性除了设置之外，也可以获取这些属性的数值。这样就可以对获取的数值操作之后做出一个相对的位置或者显示的变换。